<template> 
    <div class="prd-card float-left">
        <div class="content" @click="jumpDetail(item)">
            <div class="img-box">
                <img :src="item.thumb?'http://renqing123.oss-cn-shenzhen.aliyuncs.com/'+item.thumb:'https://rqys.hleason.com/dist/images/plh.png'"/> 
            </div>
            <div class="text-info" >
                <div class="title">{{item.title}}</div>
                <div class="detail">{{item.content_simple}}</div>
            </div>
        </div>
    </div> 
</template>

<script> 
export default {
    data(){
        return{ 
             
        } 
    },
    props: {
        item:{
            default:{},
            type:Object
        }
    },
    methods:{
        jumpDetail(item){
            this.$emit('jump',item);
        }
    },
}
</script>

<style scoped lang="scss">
.prd-card{ 
    width:50%;
    box-sizing:border-box;  
    padding:0 10rpx 20rpx 10rpx;
    
    .content{  
        border:1rpx solid #ddd;
        border-radius:20rpx;
        background:#fff;
        height:380rpx;
        .img-box{
            width:100%;
            height:240rpx; 
            img{
                width:100%;
                height:100%;
                border:0;
                border-top-left-radius :10rpx;
                border-top-right-radius :10rpx;
            }
 
        }
        .text-info{
            padding:15rpx 20rpx;
            .title{
                color:#333;
                font-size:28rpx;
                overflow: hidden;
                text-overflow:ellipsis;
                white-space: nowrap;
            }
            .detail{
                color:#BAB8B6;
                font-size:24rpx;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }
        }
    }
}
</style>
